<template>
	<view class="container">
		<u--form>
			<u-form-item label="一号口" prop="switchOne" labelWidth="140rpx">
				<uni-data-select
					:clear="false"
					v-model="query.modeOne"
					:localdata="modeList"
					placeholder="请选择模式"
				></uni-data-select>
			</u-form-item>
			<view class="switch">
				<view>一号口状态:</view>
				<u-switch v-model="switchFlag"></u-switch>
			</view>
			<u-form-item label="二号口" prop="switchTwo" labelWidth="140rpx">
				<uni-data-select
					:clear="false"
					v-model="query.modeTwo"
					:localdata="modeList"
					placeholder="请选择模式"
				></uni-data-select>
			</u-form-item>
			<view class="switch">
				<view>二号口状态:</view>
				<u-switch v-model="switchFlagTwo"></u-switch>
			</view>
		</u--form>
		<u-toast ref="uToast"></u-toast>
		<view class="commonButton">
			<u-button type="primary">确认</u-button>
		</view>
	</view>
</template>

<script>
	import uniDataSelect from '../../../node_modules/@dcloudio/uni-ui/lib/uni-data-select/uni-data-select.vue'
	export default {
		components: {
			uniDataSelect
		},
		data() {
			return {
				query: {
					modeOne: '',
					modeTwo: ''
				},
				modeList: [],
				switchFlag: false,
				switchFlagTwo: false
			}
		},
		methods: {
			
		}
	}
</script>

<style>
.switch {
	width: 100%;
	display: flex;
	justify-content:flex-end;
	align-items: center;
	gap: 20rpx;
}
</style>
